<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>CSS Test: list-style-position</title>
  <style type="text/css">
	li.inside {list-style-position: inside}
	li.outside {list-style-position: outside}
  </style>
 </head>
 <body>

<h1>Test for list-style-position</h1>

<p>The first block should have the marker inside the block, 
the second block should have the marker outside the block.</p>

 <ul>
   <li class="inside"><strong>The marker should be inside
   the block, aligned with the second row of text.</strong>
   Lorem ipsum dolor sit amet, consectetur adipiscing
   elit. Mauris congue. Curabitur eleifend consequat
   sapien. Nam ullamcorper sodales dui. Sed diam arcu,
   consequat a, cursus et, sodales vitae, sem. In hac
   habitasse platea dictumst. Praesent porttitor. Class
   aptent taciti sociosqu ad litora torquent per
   conubia nostra, per inceptos himenaeos. Duis congue
   eros a justo. Donec molestie mattis augue. Aenean
   ultricies est nec enim. Vestibulum at nisi. Aliquam
   magna odio, congue vitae, sodales at, tincidunt at,
   libero. Proin at tellus. Nullam a urna vel metus
   mattis placerat. Fusce vestibulum laoreet elit.
   Curabitur est massa, aliquam ut, ornare sed,
   lobortis consequat, libero. Donec consectetur.
   Pellentesque volutpat posuere erat. Suspendisse quis
   purus non elit eleifend dapibus.</li>

   <li class="outside"><strong>The marker should be outside
   the block, to the left of all the text.</strong> Sed
   cursus interdum risus. Vestibulum posuere. Nam at
   nisi nec libero elementum aliquam. Donec nibh lorem,
   pulvinar id, volutpat id, tincidunt vel, neque. Duis
   porttitor. Morbi lorem purus, accumsan in, placerat
   at, aliquam et, est. Praesent odio. Morbi vestibulum
   aliquam tellus. Curabitur scelerisque eros nec
   nulla. Nunc elementum turpis sit amet eros. Mauris
   porttitor, enim a vulputate luctus, arcu justo
   interdum elit, sed blandit quam enim et diam.
   Integer cursus. Curabitur posuere sem eget orci.
   Duis augue. Aliquam id erat. Sed tincidunt
   sollicitudin tellus.</li>

 </ul>
 </body>
</html>
